<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta charset="UTF-8">
    <title>loading</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/edyLoading.css">
</head>
<body>
    <div class="loading-item loading-1">
        <div class="headbox">
            <div class="head">
                <div class="headbg"></div>
                <div class="eyes"></div>
                <div class="head-block block1"></div>
                <div class="head-block block2"></div>
            </div>
            <div class="foods">
                <span class="span1"></span>
                <span class="span2"></span>
                <span class="span3"></span>
                <div class="foodsHide"></div>
            </div>
        </div>
    </div>
    <div class="loading-item loading-2">
        <div class="gearbox">
            <div class="gear gear1">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
            </div>
            <div class="gear gear2">
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
                <i></i>
            </div>
        </div>
    </div>
    <div class="loading-item loading-3">
        <div class="cirbox">
            <div class="left cirItem">
                <div class="cir"></div>
            </div>
            <div class="right cirItem">
                <div class="cir"></div>
            </div>
        </div>
    </div>
    <div class="loading-item loading-4">
        <div class="linebox">
            <div class="line">
                <span class="heightline"></span>
            </div>
        </div>
    </div>
    <div class="loading-item loading-5">
        <div class="dotbox">
            <span class="dot dot1"></span>
            <span class="dot dot2"></span>
            <span class="dot dot3"></span>
            <span class="dot dot4"></span>
            <span class="dot dot5"></span>
            <span class="dot dot6"></span>
        </div>
    </div>
    <div class="loading-item loading-6">
        <div class="verticalbox">
            <span class="vertical"></span>
            <span class="vertical"></span>
            <span class="vertical"></span>
            <span class="vertical"></span>
            <span class="vertical"></span>
        </div>
    </div>
    <div class="loading-item loading-7">
        <div class="cir-three">
            <div class="cir-1"></div>
            <div class="cir-2"></div>
            <div class="cir-3"></div>
        </div>
    </div>
    <div class="loading-item loading-8">
        <div class="blobBox">
            <div class="blobCome"></div>
            <div class="blob"></div>
            <div class="blob-small blobs-1"></div>
            <div class="blob-small blobs-2"></div>
        </div>
    </div>
    <div class="loading-item loading-9">
        <div class="boxShadow"></div>
    </div>
    <div class="loading-item loading-10">
        <div class="waterBox">
          <div class="water-1"></div>
          <div class="water-2"></div>
          <div class="water-3"></div>
        </div>
    </div>
    <div class="loading-item loading-11">
      <div class="edyBox">
        <img src="" />
        <div class="left">
          <div class="box"></div>
        </div>
        <div class="right">
          <div class="box"></div>
        </div>
        <div class="top"></div>
      </div>
    </div>
</body>
</html>